#view_div_nf{display:none;}
/* .content.nf {position:absolute;top:-60px;bottom:0;left: 0;right: 0;margin: auto;z-index:100;border-radius: 0px;border:1px solid #f00;} */
.content.nf{
	position:absolute;
	left:0;right:0;top:-10%; bottom:0;
	margin:auto;
	padding:0;	
}
.content.nf .btn_popClose.nf {position:absolute;right:10px;top:10px;cursor:pointer;z-index:3;}
.content.nf .pop_top {display: table;position:relative;border-top-left-radius: 8px;border-top-right-radius: 8px;}

.content.nf{width:819px;height:614px;z-index:2; background-repeat:no-repeat; }
.content.nf *{ background-repeat:no-repeat; }
.content.nf.blackboard{ width:calc(1618px/2);height:calc(838px/2); background-image:url("../../images/blackboard/bg_blackboard.png"); background-size:calc(1618px/2) calc(838px/2);}
.content.nf.openTimer{width:678px;height:278px; background-image:url("../../images/timer/bg_timer.png"); background-size:678px 278px;}
.content.nf.openTimer .btn_popClose.nf{top:-30px;left:610px}
.content.nf.randomselection{width:640px;height:800px;}
.content.nf.randomselection .btn_popClose.nf{top:821px;left:315px}
.content.nf.groupbreak{}
.content.nf.stopwatch{}
.content.nf.stopwatch .btn_popClose.nf{top:-30px;left:610px;}

.container_stage{
	position:relative;display:none;
}
.container_stage.show{display:block;}

#view_div_nf_bg{
	width:100%;height:100%;
	background-color:#000;
	position:absolute;
	left:0;top:0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	display:none;
}

#container_stage_blackboard{ width:calc(1618px/2);height:calc(838px/2); }
#container_stage_blackboard div.group-ctl{ position:absolute; top:353px;}
#container_stage_blackboard div.group-ctl span.ctl-item{ display:inline-block;position:absolute; background-repeat:no-repeat; background-position:0 bottom; background-size:100%; cursor:pointer; bottom:0; }
#container_stage_blackboard div.group-ctl span.ctl-item.eraser{ background-image:url("../../images/blackboard/eraser.png"); width:calc(170px/2);height:calc(52px/2); left:150px; }
#container_stage_blackboard div.group-ctl span.ctl-item.eraser:hover{ background-image:url("../../images/blackboard/eraser_hover.png"); width:calc(174px/2);height:calc(83px/2); }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk{}
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.white{ background-image:url("../../images/blackboard/chalk_white.png"); width:calc(60px/2);height:calc(11px/2); left:450px; }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.white.hover{ background-image:url("../../images/blackboard/chalk_white_hover.png"); width:calc(61px/2);height:calc(20px/2); }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.blue{ background-image:url("../../images/blackboard/chalk_blue.png"); width:calc(45px/2);height:calc(11px/2); left:500px; }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.blue.hover{ background-image:url("../../images/blackboard/chalk_blue_hover.png"); width:calc(45px/2);height:calc(17px/2); }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.red{ background-image:url("../../images/blackboard/chalk_red.png"); width:calc(64px/2);height:calc(12px/2); left:550px; }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.red.hover{ background-image:url("../../images/blackboard/chalk_red_hover.png"); width:calc(64px/2);height:calc(22px/2); }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.yellow{ background-image:url("../../images/blackboard/chalk_yellow.png"); width:calc(45px/2);height:calc(11px/2); left:600px; }
#container_stage_blackboard div.group-ctl span.ctl-item.chalk.yellow.hover{ background-image:url("../../images/blackboard/chalk_yellow_hover.png"); width:calc(45px/2);height:calc(17px/2); }
#container_stage_blackboard div.group-ctl span.ctl-item.text{display:none;background-image:url("../../images/blackboard/txt_btn.png"); width:calc(68px/2);height:calc(68px/2); left:730px; }
#container_stage_blackboard div.group-ctl span.ctl-item.text.hover{ background-image:url("../../images/blackboard/txt_btn_hover.png"); width:calc(68px/2);height:calc(68px/2); }
#blackboard_textArea_text{
	position:absolute;
	left:20px;top:20px;
	width:770px;height:300px;
	background:none;
	color:#fff!important;
	font-size:36px;
	overflow:hidden;
	word-break:break-all;
}

#container_stage_openTimer{ width:calc(1350px/2);height:calc(553px/2); }
div.timer_container{position:absolute;left:69px;top:47px;}
	div.timer_container.time_hour{}
	div.timer_container.time_mins{left:264px;}
	div.timer_container.time_secs{left:457px;}
		div.timer_container span{display:inline-block;position:absolute;}
		div.timer_container span.timer_time{
			width:71px;height:92px;left:0;top:0;
			 background-size:100%;
		}
		div.timer_container span.timer_time.num_0{background-image:url("../../images/timer/num_0.png");}
		div.timer_container span.timer_time.num_1{background-image:url("../../images/timer/num_1.png");}
		div.timer_container span.timer_time.num_2{background-image:url("../../images/timer/num_2.png");}
		div.timer_container span.timer_time.num_3{background-image:url("../../images/timer/num_3.png");}
		div.timer_container span.timer_time.num_4{background-image:url("../../images/timer/num_4.png");}
		div.timer_container span.timer_time.num_5{background-image:url("../../images/timer/num_5.png");}
		div.timer_container span.timer_time.num_6{background-image:url("../../images/timer/num_6.png");}
		div.timer_container span.timer_time.num_7{background-image:url("../../images/timer/num_7.png");}
		div.timer_container span.timer_time.num_8{background-image:url("../../images/timer/num_8.png");}
		div.timer_container span.timer_time.num_9{background-image:url("../../images/timer/num_9.png");}

		div.timer_container span.timer_time.num_0_turn{background-image:url("../../images/timer/num_0_turn.png");}
		div.timer_container span.timer_time.num_1_turn{background-image:url("../../images/timer/num_1_turn.png");}
		div.timer_container span.timer_time.num_2_turn{background-image:url("../../images/timer/num_2_turn.png");}
		div.timer_container span.timer_time.num_3_turn{background-image:url("../../images/timer/num_3_turn.png");}
		div.timer_container span.timer_time.num_4_turn{background-image:url("../../images/timer/num_4_turn.png");}
		div.timer_container span.timer_time.num_5_turn{background-image:url("../../images/timer/num_5_turn.png");}
		div.timer_container span.timer_time.num_6_turn{background-image:url("../../images/timer/num_6_turn.png");}
		div.timer_container span.timer_time.num_7_turn{background-image:url("../../images/timer/num_7_turn.png");}
		div.timer_container span.timer_time.num_8_turn{background-image:url("../../images/timer/num_8_turn.png");}
		div.timer_container span.timer_time.num_9_turn{background-image:url("../../images/timer/num_9_turn.png");}

		div.timer_container span.timer_time.time_1{}
		div.timer_container span.timer_time.time_2{left:60px;}
		div.timer_container span.timer_ctl{
			width:12px;height:10px;
			background-image:url("../../images/timer/arr_up.png");
			background-size:100%;
			left:131px;top:27px;
			cursor:pointer;
		}
		div.timer_container span.timer_ctl.up{background-image:url("../../images/timer/arr_up.png");}
		div.timer_container span.timer_ctl.up.hover{background-image:url("../../images/timer/arr_up_on.png");}
		div.timer_container span.timer_ctl.dw{background-image:url("../../images/timer/arr_dn.png");top:46px;}
		div.timer_container span.timer_ctl.dw.hover{background-image:url("../../images/timer/arr_dn_on.png");top:46px;}
div.timer_button_group{position:absolute;top:200px;left:70px;}
	div.timer_button_group .timer_button{ display:inline-block; width:66px;height:57px; background-image:url("../../images/timer/start.png");position:absolute;top:0;cursor:pointer;}
	div.timer_button_group .timer_button.start{background-image:url("../../images/timer/start.png");left:131px;}
	div.timer_button_group .timer_button.start.hover{background-image:url("../../images/timer/start_on.png");left:131px;}
	div.timer_button_group .timer_button.stop{background-image:url("../../images/timer/stop.png");left:234px;}
	div.timer_button_group .timer_button.stop.hover{background-image:url("../../images/timer/stop_on.png");left:234px;}
	div.timer_button_group .timer_button.return{background-image:url("../../images/timer/return.png");left:345px;}
	div.timer_button_group .timer_button.return.hover{background-image:url("../../images/timer/return_on.png");left:345px;}

#container_stage_randomselection{}
.randomselection_bg{
	margin:0 auto;
	width:700px;height:730px;
	background-image:url("../../images/randomselection/effect_bg.png");
	background-size:100%;
	background-position:-7px 0;
	position:relative;
}
.randomselection_body{
	width:452px;height:1058px;
	background-image:url("../../images/randomselection/02_box_bg.png");
	background-size:100%;
	position:absolute;
	left:100px;top:-30px;
}
.randomselection_ball{
	display:none;
	/* display:inline-block; */
	width:154px;height:154px;
	position:absolute;
	top:444px;left:10px;
	background-size:100%;
}
.randomselection_ball.ball_1{background-image:url("../../images/randomselection/02_1.png");left:134px;top:442px;}
.randomselection_ball.ball_2{background-image:url("../../images/randomselection/02_2.png");left:244px;top:440px;}
.randomselection_ball.ball_3{background-image:url("../../images/randomselection/02_3.png");left:45px;top:439px;}
.randomselection_ball.ball_4{background-image:url("../../images/randomselection/02_4.png");left:234px;top:353px;}
.randomselection_ball.ball_5{background-image:url("../../images/randomselection/02_5.png");left:124px;top:353px;}
.randomselection_ball.ball_6{background-image:url("../../images/randomselection/02_6.png");left:44px;top:333px;}
.randomselection_ball.ball_7{background-image:url("../../images/randomselection/02_7.png");left:204px;top:273px;}
.randomselection_ball.ball_8{background-image:url("../../images/randomselection/02_8.png");left:104px;top:273px;}

.randomselection_button_click{
	width:102px;height:102px;
	background:none;
	background-image:url("../../images/randomselection/02_btn.png");
	background-size:100%;
	position:absolute;
	left:75px;top:666px;
}
.randomselection_button_click:hover{
	background-image:url("../../images/randomselection/02_btn_on.png");
}
.randomselection_button_choice{
	width:208px;height:58px;
	background:none;
	background-image:url("../../images/randomselection/03_btn_again_normal.png");
	background-size:100%;
	position:absolute;
	left:398px;top:626px;
}
.randomselection_button_choice:hover{
	background-image:url("../../images/randomselection/03_btn_again_on.png");
}

div.randomselection_number{
	display:none;
	width:558px;height:288px;
	background-image:url("../../images/randomselection/01_bg.png");
	background-size:100%;
	position:absolute;
	left:45px;top:254px;
}
input.randomselection_number{
	width:260px;height:50px;
	position:absolute;
	left:145px;top:139px;
	background:none;
	text-align:center;
	font-size:32px;
}
div.randomselection_choice{
	display:none;
	width:1012px;height:981px;
	background-image:url("../../images/randomselection/03_choice_number_bg.png");
	background-size:100%;
	position:absolute;
	left:-188px;top:-90px;
}
div.randomselection_choice.show{
	display:block;
}
span.randomselection_choice_num{
	display:inline-block;position:absolute;
	width:80px;height:80px;
	left:466px;top:441px;
	font-size:64px;
	text-align:center;
	font-weight: bold;
}
div.randomselection_effect{
	display:none;
	width:425px;height:382px;
	background-image:url("../../images/randomselection/03_choice_number_effect.png");
	background-size:100%;
	position:absolute;
	left:303px;top:293px;
}
div.randomselection_effect.effect2{background-image:url("../../images/randomselection/03_choice_number_effect_2.png");}

.randomselection_button_num{
	width:200px;height:50px;
	background:none;
	background-image:url("../../images/randomselection/01_btn_stat_normal.png");
	background-size:100%;
	position:absolute;
	left:186px;top:207px;
}
.randomselection_button_num:hover{
	background-image:url("../../images/randomselection/01_btn_start_on.png");
}

#container_stage_stopwatch{}
	.body_stage_stopwatch{
		width:502px;height:232px;
		background-image:url("../../images/stopwatch/bg_stopwatch.png");
		background-size:100%;
		position:relative;
		margin:0 auto;

	}
	.body_stage_stopwatch.expand{
		height:534px;
		background-image:url("../../images/stopwatch/bg_stopwatch_expand.png");
		background-position:center -2px;
	}
		.elm_stage_stopwatch{
			width:449px;height:100px;
			position:absolute;
			left:26px;top:25px;
		}
			.elm_stopwatch{position:absolute;top:21px;left:135px;}
				.stopwatch_time{
					display:inline-block;position:absolute;left:0;top:0;width:43px;height:66px;
					background-image:url("../../images/stopwatch/0_on.png");
				}
				.stopwatch_time.hour.time_1{left:0;top:0;}
				.stopwatch_time.hour.time_2{left:48px;top:0;}
				.stopwatch_time.mins.time_1{left:114px;top:0;}
				.stopwatch_time.mins.time_2{left:155px;top:0;}
				.stopwatch_time.secs{width:31px;height:48px;background-image:url("../../images/stopwatch/s_0_on.png");}
				.stopwatch_time.secs.time_1{left:221px;top:14px;}
				.stopwatch_time.secs.time_2{left:257px;top:14px;}

				.stopwatch_time.num_0{background-image:url("../../images/stopwatch/0_on.png");}
				.stopwatch_time.num_1{background-image:url("../../images/stopwatch/1_on.png");}
				.stopwatch_time.num_2{background-image:url("../../images/stopwatch/2_on.png");}
				.stopwatch_time.num_3{background-image:url("../../images/stopwatch/3_on.png");}
				.stopwatch_time.num_4{background-image:url("../../images/stopwatch/4_on.png");}
				.stopwatch_time.num_5{background-image:url("../../images/stopwatch/5_on.png");}
				.stopwatch_time.num_6{background-image:url("../../images/stopwatch/6_on.png");}
				.stopwatch_time.num_7{background-image:url("../../images/stopwatch/7_on.png");}
				.stopwatch_time.num_8{background-image:url("../../images/stopwatch/8_on.png");}
				.stopwatch_time.num_9{background-image:url("../../images/stopwatch/9_on.png");}

				.stopwatch_time.secs.num_0{background-image:url("../../images/stopwatch/s_0_on.png");}
				.stopwatch_time.secs.num_1{background-image:url("../../images/stopwatch/s_1_on.png");}
				.stopwatch_time.secs.num_2{background-image:url("../../images/stopwatch/s_2_on.png");}
				.stopwatch_time.secs.num_3{background-image:url("../../images/stopwatch/s_3_on.png");}
				.stopwatch_time.secs.num_4{background-image:url("../../images/stopwatch/s_4_on.png");}
				.stopwatch_time.secs.num_5{background-image:url("../../images/stopwatch/s_5_on.png");}
				.stopwatch_time.secs.num_6{background-image:url("../../images/stopwatch/s_6_on.png");}
				.stopwatch_time.secs.num_7{background-image:url("../../images/stopwatch/s_7_on.png");}
				.stopwatch_time.secs.num_8{background-image:url("../../images/stopwatch/s_8_on.png");}
				.stopwatch_time.secs.num_9{background-image:url("../../images/stopwatch/s_9_on.png");}

			.ctl_stopwatch{position:absolute;width:449px;top:121px;}
				.clt_watch{
					position:absolute;
					display:inline-block;width:66px;height:57px;
					background:none;
					background-size:100%;
				}
				.clt_watch.play{background-image:url("../../images/stopwatch/start.png");left:86px;}
				.clt_watch.play:hover{background-image:url("../../images/stopwatch/start_on.png");}
				.clt_watch.pause{background-image:url("../../images/stopwatch/stop.png");left:192px;}
				.clt_watch.pause:hover{background-image:url("../../images/stopwatch/stop_on.png");left:192px;}
				.clt_watch.save{background-image:url("../../images/stopwatch/lap.png");left:300px;}
				.clt_watch.save:hover{background-image:url("../../images/stopwatch/lap_on.png");left:300px;}
				.clt_watch.reset{display:none;background-image:url("../../images/stopwatch/return.png");left:300px;}
				.clt_watch.reset:hover{background-image:url("../../images/stopwatch/return_on.png");left:300px;}

		.elm_stage_stopwatch_history{
			display:none;
			width:429px;height:260px;
			position:absolute;
			left:26px;top:226px;
			padding:10px;
			overflow:auto;
		}
			.stop_history{}
				.stop_history_item{border-bottom:1px solid #ccc;padding:10px;height:20px;}
				.stop_history_item span{font-size:18px;display:inline-block;}
					span.stop_seq{float:left;width:155px;text-align:left;}
					span.stop_times{float:left;width:100px;text-align:center;}
					span.stop_subTimes{float:right;color:#0288c0;width:100px;text-align:right;}
		.stopWatch_tab{
			width:72px;height:42px;
			background:none;
			position:absolute;
			left:372px;top:218px;
			background-image:url("../../images/stopwatch/tab_open.png");
			cursor:pointer;
		}
		.stopWatch_tab.open{
			background-image:url("../../images/stopwatch/tab_close.png");
			top:520px;
		}

/* #blackboard_textArea_text span.color{display:inline;border:1px solid #f00;}
#blackboard_textArea_text span.color.while{color:#fff;}
#blackboard_textArea_text span.color.blue{color:#69a8d9;}
#blackboard_textArea_text span.color.red{color:#f42f76;}
#blackboard_textArea_text span.color.yellow{color:#e5c942;} */
	/* #blackboard_textArea span{}
	#blackboard_textArea span.focus{border:1px solid #f00;}
	#blackboard_textArea span.white{color:#fff;}
	#blackboard_textArea span.blue{color:#69a8d9;}
	#blackboard_textArea span.red{color:#f42f76;}
	#blackboard_textArea span.yellow{color:#e5c942;} */

.mobile{display:none !important;}
#skin_Viewer {position:absolute; width:100%; height:100%;}
@media all and (max-width: 1200px) {
	.mobile{display:block !important;}
	html{min-width:360px;}
	.container{width:100%;}

	#h_nav_prev{display:block; width:30px; height:100%; text-align:center;background:#68b8a0; color:#fff; positioN:absolute;top:0; left:0; line-height:70px; z-index:9999;}
	#h_nav_next{display:block; width:30px; height:100%; text-align:center;background:#68b8a0; color:#fff; positioN:absolute;top:0; right:0px; line-height:70px; z-index:9999;}

	#f_nav_prev{display:block; width:30px; height:70px; text-align:center;background:#264139; color:#fff; positioN:absolute; left:37px; bottom:0;line-height:70px; z-index:9999;}
	#f_nav_next{display:block; width:30px; height:70px; text-align:center;background:#264139; color:#fff; positioN:absolute; right:37px;  bottom:0; line-height:70px; z-index:9999;}
	
	.mobile > img{display:block; width:100%; height:100%;}
	#footerWrap footer #navWrap.bottom_nav{width:100%; overflow:hidden;}
	
	header #navWrap nav{width:80%; margin-right:30px;}
	#navWrap nav ul{left:30px; right:auto; transition: left 0.3s;}
	/* footer #navWrap .page_nav_list{left:368px; right:auto; margin-top:20px;} */
	#qmenuWrap{display:none;}
	.f_nav_box{position:relative;width:calc(100% - 80px); height: 100%; box-sizing:border-box;padding-right:30px;  margin:0 auto; overflow:hidden;}
	#menu_PageNavigation{margin-top:0 !important;}
	.hide_icon{margin-top:0 !important;}
}
@media all and (max-width: 640px) {
	header #navWrap nav{width:60%; padding-right:30px;}
}